import yum_head_pcPNG from "@/assets/yum_head_pc.jpg";
import yum_zhongQiuJie_pcPNG from "@/assets/yum_zhongQiuJie_pc.jpg";
import yum_erTong_pcPNG from "@/assets/yum_erTong_pc.jpg";
import yum_changXiang_pcPNG from "@/assets/yum_changXiang_pc.png";
import yum_huDie_pcPNG from "@/assets/yum_huDie_pc.png";
import yum_shengRi_pcPNG from "@/assets/yum_shengRi_pc.png";
import yum_end_pc1PNG from "@/assets/yum_end_pc1.png";
import yum_end_pc2PNG from "@/assets/yum_end_pc2.png";

import styles from "./index.module.less";

const CardYum = () => {
  return (
    <div className={styles["card-yum"]}>
      <img
        style={{ width: "100%", display: "block", minWidth: 950 }}
        src={yum_head_pcPNG}
        alt=""
      />
      <img
        style={{ width: "100%", display: "block", minWidth: 950 }}
        src={yum_zhongQiuJie_pcPNG}
        alt=""
      />
      <img
        style={{ width: "100%", display: "block", minWidth: 950 }}
        src={yum_erTong_pcPNG}
        alt=""
      />
      <img
        style={{ width: "100%", display: "block", minWidth: 950 }}
        src={yum_changXiang_pcPNG}
        alt=""
      />
      <img
        style={{ width: "100%", display: "block", minWidth: 950 }}
        src={yum_huDie_pcPNG}
        alt=""
      />
      <img
        style={{ width: "100%", display: "block", minWidth: 950 }}
        src={yum_shengRi_pcPNG}
        alt=""
      />
      <div
        style={{
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          flexDirection: "column",
          minWidth: 950,
        }}
      >
        <img
          style={{ width: "60%", display: "block" }}
          src={yum_end_pc1PNG}
          alt=""
        />
      </div>
      <div
        style={{
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          flexDirection: "column",
          minWidth: 950,
          background: "#f1f1f1",
        }}
      >
        <img
          style={{ width: "60%", display: "block" }}
          src={yum_end_pc2PNG}
          alt=""
        />
      </div>
    </div>
  );
};

export default CardYum;
